$(function(){
    //获取按钮并绑定事件
    $('.selectBtn').click(function () {
        //去掉所有按钮的类名
        $('.selectBtn').removeClass('active');
        //为当前点击的按钮添加类名 
        $(this).addClass('active');
        //点击时隐藏所有表单
        $('.login').hide();
        //显示当前按钮对应表单
        $('.login').eq($(this).index()).show();
    });
    //在输入框里输入时显示清空按钮
    $('.numLogin #username').on('input',function(){
        $('.userCls').css('display','block');
    })
    
    $('.numLogin #pwd').on('input',function(){
        $('.pwdCls').css('display','block');
    })
    $('.userCls').click(function(){
        $('.numLogin #username').val('');
        $(this).css('display','none');
    })
    $('.pwdCls').click(function(){
        $('.numLogin #pwd').val('');
        $(this).css('display','none');
    })

    $('.logBtn').click(function(){
        var use = /^[a-zA-Z][a-zA-Z0-9_]{4,15}$/;
        var username = $('#username').val();
        var useTest = use.test(username);
        var pwds = /^[a-zA-Z]\w{5,17}$/
        var pwd = $('#pwd').val();
        var pwdTest = pwds.test(pwd);
        if(useTest&&pwdTest){
            $('#mask').css('display','block');
            $('.success').css('display','block');
        }else{
            alert('请输入正确的用户名和密码');
        }
    })
    
    $('.regBtn').click(function(){
        setInterval(() => {
            location.href='./register.html'
        },100);
    })
});